<wicket:extend>

    <!-- Inicio del Cuerpo -->

    <div class="jumbotron">
      <div class="container">
        <h1 class="text-center" wicket:id="titulo">Editar Datos del País</h1>

        <form class="form-horizontal" role="form" wicket:id="nuevoPaisForm">

          <!-- Nombre del Pais -->

          <div class="form-group">
            <label class="control-label col-xs-4" for="nombreDelPais">Nombre Del País</label>
            <div class="controls col-xs-4">
              <input wicket:id="pais.nombreDelPais" type="text" placeholder="Ej: Argentina" class="form-control" />
            </div>
          </div>

          <!-- Caracteristica del Pais -->

          <div>
            <table class="table table-bordered" border="1" style="width: 50%; margin: 0 auto">
              <thead>
                <tr>
                  <th class="text-center" id="main">Características</th>
                  <th class="text-center" id="main">Acciones</th>
                </tr>
              </thead>
              <tbody>
                <tr class="text-center" style="background: #FFFFFF" wicket:id="pais.caracteristicasDelPais">
                  <td ><span wicket:id="string">unaCaracteristica</span></td>
                  <td>
                    <div class="btn-group">
                      <button wicket:id="eliminarCaracteristica" class="btn-link"><p class="glyphicon glyphicon-trash"></p></button>
                    </div>
                  </td>
                </tr>
              </tbody>
            </table>

            <!-- Agregar Caracteristica al Pais -->
			<br>
            <div class="form-group">
              <label class="control-label col-xs-4" for="caracteristica">Caracteristica Nueva</label>
              <div class="controls col-xs-4">
                <input wicket:id="nuevaCaracteristica" type="text" placeholder="Ej: Bandera de dos colores" class="form-control" />
              </div>
              
              <div class="form-actions col-xs-4">
                <button wicket:id="agregarCaracteristica" type="submit"	class="btn btn-primary">Agregar Característica</button>
              </div>
            </div>

          </div>

          <!-- Lugares del Pais -->
          <div>
            <table class="table table-bordered" border="1" style="width: 50%; margin: 0 auto">
              <thead>
                <tr>
                  <th class="text-center" id="main">Lugares</th>
                  <th class="text-center" id="main">Acciones</th>
                </tr>
              </thead>
              <tbody>
                <tr class="text-center" style="background: #FFFFFF" wicket:id="pais.lugaresDeInteres">
                  <td><span wicket:id="nombreDelLugar">unLugar</span></td>
                  <td>
                    <div class="btn-group">
                      <button wicket:id="eliminarLugar" class="btn-link"><p class="glyphicon glyphicon-trash"></p></button>
                    </div>
                  </td>
                </tr>
              </tbody>
            </table>

            <!-- Agregar Lugar al Pais -->
			<br>
            <div class="form-group">
              <label class="control-label col-xs-4" for="lugar">Lugar Nuevo</label>
              <div class="controls col-xs-4">
                <select class="form-control" wicket:id="nuevoLugar">
                  <option>unNombreDelLugar</option>
                </select>
              </div>
              
              <div class="form-actions col-xs-4">
                <button wicket:id="agregarLugar" type="submit" class="btn btn-primary">Agregar Lugar</button>
              </div>
            </div>
          </div>

          <!--  Conexiones del Pais -->

          <div>
            <div>
              <table class="table table-bordered" border="1" style="width: 50%; margin: 0 auto">
                <thead>
                  <tr>
                    <th class="text-center" id="main">Conexiones</th>
                    <th class="text-center" id="main">Acciones</th>
                  </tr>
                </thead>
                <tbody>
                  <tr  class="text-center" style="background: #FFFFFF" wicket:id="pais.conexionesAereas">
                    <td><span wicket:id="stringConexiones">unLugar</span></td>
                    <td>
                      <div class="btn-group">
                        <button wicket:id="eliminarConexiones" class="btn-link"><p class="glyphicon glyphicon-trash"></p></button>
                      </div>
                    </td>
                  </tr>
                </tbody>
              </table>

              <!-- Agregar Conexion al Pais -->
			  <br>
              <div class="form-group">
                <label class="control-label col-xs-4" for="conexion">Conexion Nueva</label>
                <div class="controls col-xs-4">
                  <select class="form-control" wicket:id="conexionSeleccionada">
                    <option>unNombreDelLugar</option>
                  </select>
                </div>
                
                <div class="form-actions col-xs-4">
                  <button wicket:id="agregarConexiones" type="submit" class="btn btn-primary">Agregar Lugar</button>
                </div>
              </div>
            </div>
          </div>

          <div wicket:id="feedbackPanel" class="alert alert-error">
            <strong>Warning!</strong> Best check yourself, you're not looking too good.
          </div>

          <div class="form-actions">
            <button wicket:id="aceptar" type="submit" class="btn btn-primary">Aceptar</button>
            <button wicket:id="cancelar" type="submit" class="btn">Cancelar</button>
          </div>

        </form>

      </div>
    </div>
</wicket:extend>